<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>
<body>
    <h1>有序列表</h1>
    <!--  ol>li{ol-li-$}*9 -->
    <ol>
        <li>ol-li-1</li>
        <li>ol-li-2</li>
        <li>ol-li-3</li>
        <li>ol-li-4</li>
        <li>ol-li-5</li>
        <li>ol-li-6</li>
        <li>ol-li-7</li>
        <li>ol-li-8</li>
        <li>ol-li-9</li>
    </ol>
    <hr>
    <ol  reversed>
        <li>ol-li-1</li>
        <li>ol-li-2</li>
        <li>ol-li-3</li>
        <li>ol-li-4</li>
        <li>ol-li-5</li>
        <li>ol-li-6</li>
        <li>ol-li-7</li>
        <li>ol-li-8</li>
        <li>ol-li-9</li>
    </ol>
    <hr>
    <ol  reversed type="A">
        <li>ol-li-1</li>
        <li>ol-li-2</li>
        <li>ol-li-3</li>
        <li>ol-li-4</li>
        <li>ol-li-5</li>
        <li>ol-li-6</li>
        <li>ol-li-7</li>
        <li>ol-li-8</li>
        <li>ol-li-9</li>
    </ol>
    <h1>无序列表</h1>
    <!-- ul>li{ul-li-$}*9  ctrl+/ -->
    <ul>
        <li>ul-li-1</li>
        <li>ul-li-2</li>
        <li>ul-li-3</li>
        <li>ul-li-4</li>
        <li>ul-li-5</li>
        <li>ul-li-6</li>
        <li>ul-li-7</li>
        <li>ul-li-8</li>
        <li>ul-li-9</li>
    </ul>
    <h1>定义列表</h1>
    <!--  dl+dt{湖南}>dd{长沙}+dd{浏阳}+dd{湘潭} -->
    <dl>
        <dt>湖南</dt>
        <dd>长沙</dd>
        <dd>浏阳</dd>
        <dd>湘潭</dd>
        <dt>北京</dt>
        <dd>朝阳区</dd>
        <dd>海淀区</dd> 
    </dl>
</body>
</html>